<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人考勤</title>
		<link rel="stylesheet" type="text/css" href="css/style_checkin.css" />
		<SCRIPT language="javascript" src="js/jquery-3.1.1.js" type="text/javascript"></SCRIPT>
	</head>

	<body>
		<!--header===================================-->
		<header>
			<h1><a href="#"><img src="img/Backicon.png"></a></h1>

			<div class="header_middle">
				考勤
			</div>
			<div class="header_right">
			</div>
		</header>

		<!--main=======================================-->
		<section id="main">
			<div><img src="img/calendar.png"></div>
			<ul>
				<li>
					<p>Am 9:00 上班</p>
					<p>
						<button>点击打卡</button>	
					</p>
				</li>
				<li>
					<p>Pm 20:00  下班</p>
					<p>
						<button>点击打卡</button>	
					</p>
				</li>
				<li class="date">
					<span>2020</span>
					<span>01</span>
					<span>02</span>
				</li>
				<li class="date">
					<span>2020</span>
					<span>01</span>
					<span>02</span>
				</li>
				<li>
					<span>事假</span>
					<p>
						<button>修改</button>	
						<button>确定</button>	
					</p>
				</li>
				
			</ul>
		</section>

	</body>

</html>